<template>
  <section class="my-order clearfix">
    <div class="left-box">
      <left-menu :menu="list"></left-menu>
    </div>
    <div class="center-box">
      <router-view></router-view>
    </div>
    <div class="right-box">
      <side-user style="margin-bottom: 10px" :type="1"></side-user>
      <side-list :list="sidelist" ></side-list>
    </div>
  </section>
</template>

<script>
import LeftMenu from "@/components/My/LeftMenu/"
import SideUser from "@/components/My/UserInfo/SideUserinfo"
import SideList from "@/components/SideMenu/SideList"
export default {
  name: 'MyInfo',
  components: {
      LeftMenu,
      SideUser,
      SideList
  },
   data () {
      return {
          list: [
              {
                  id:1,
                  name: '资讯管理',
                  child: [
                      {id: 11,name: '我的资讯', path: '/my/myinfo/list',
                          child:[
                              {id: 11,name: '系统通知', path: '/my/myinfo/release'},
                              {id: 11,name: '系统通知', path: ''},
                          ]

                      },
                      {id: 12,name: '审核通过的资讯', path: '/my/myinfo/checked',
                          child:[
                              {id: 11,name: '系统通知', path: ''},
                              {id: 11,name: '系统通知', path: ''},
                          ]
                      },
                      {id: 13,name: '为审核通过的资讯', path: '/my/myinfo/unchecked',
                          child:[
                              {id: 11,name: '系统通知', path: ''},
                              {id: 11,name: '系统通知', path: ''},
                          ]

                      }
                  ]
              },
              {
                  id:2,
                  name: '相册管理',
                  child: [
                      {id: 21,name: '我的相册', path: '/my/myinfo/piclist',
                          child:[
                              {id: 11,name: '系统通知', path: '/my/myinfo/unrelease'},
                              {id: 11,name: '系统通知', path: ''},
                          ]
                      },
                      {id: 22,name: '审核通过的相册', path: '/my/myinfo/checkedpic',
                          child:[
                              {id: 11,name: '系统通知', path: ''},
                              {id: 11,name: '系统通知', path: ''},
                          ]
                      },
                      {id: 23,name: '未审核通过的相册', path: '/my/myinfo/uncheckdedpic',
                          child:[
                              {id: 11,name: '系统通知', path: ''},
                              {id: 11,name: '系统通知', path: ''},
                          ]
                      }
                  ]
              },
          ],
          sidelist: [
              {
                  id: 1,
                  name: '竞价排名',
                  child: [
                    {id: 1,title: '【每月限5个名额】高效便捷，量齿定制，改变脸型，功能与美学矫正二...',price: 7800, hot: 20, num: 10, discount: 7.5,img: 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg'},
                    {id: 2,title: '【每月限5个名额】高效便捷，量齿定制，改变脸型，功能与美学矫正二...',price: 7800, hot: 20, num: 10, discount: 7.5,img: 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg'},
                    {id: 3,title: '【每月限5个名额】高效便捷，量齿定制，改变脸型，功能与美学矫正二...',price: 7800, hot: 20, num: 10, discount: 7.5,img: 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg'},
                    {id: 4,title: '【每月限5个名额】高效便捷，量齿定制，改变脸型，功能与美学矫正二...',price: 7800, hot: 20, num: 10, discount: 7.5,img: 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg'}
                  ]
              },
              {
                  id: 2,
                  name: '大家正在预约',
                  child: [
                      {id: 21,title: '【每月限5个名额】高效便捷，量齿定制，改变脸型，功能与美学矫正二...',price: 7800, hot: 20, num: 10, discount: 7.5,img: 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg'},
                      {id: 22,title: '【每月限5个名额】高效便捷，量齿定制，改变脸型，功能与美学矫正二...',price: 7800, hot: 20, num: 10, discount: 7.5,img: 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg'},
                      {id: 23,title: '【每月限5个名额】高效便捷，量齿定制，改变脸型，功能与美学矫正二...',price: 7800, hot: 20, num: 10, discount: 7.5,img: 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg'},
                      {id: 24,title: '【每月限5个名额】高效便捷，量齿定制，改变脸型，功能与美学矫正二...',price: 7800, hot: 20, num: 10, discount: 7.5,img: 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg'}
                  ]
              },
              {
                  id: 3,
                  name: '新品推荐',
                  child: [
                      {id: 31,title: '【每月限5个名额】高效便捷，量齿定制，改变脸型，功能与美学矫正二...',price: 7800, hot: 20, num: 10, discount: 7.5,img: 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg'},
                      {id: 32,title: '【每月限5个名额】高效便捷，量齿定制，改变脸型，功能与美学矫正二...',price: 7800, hot: 20, num: 10, discount: 7.5,img: 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg'},
                      {id: 33,title: '【每月限5个名额】高效便捷，量齿定制，改变脸型，功能与美学矫正二...',price: 7800, hot: 20, num: 10, discount: 7.5,img: 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg'},
                      {id: 34,title: '【每月限5个名额】高效便捷，量齿定制，改变脸型，功能与美学矫正二...',price: 7800, hot: 20, num: 10, discount: 7.5,img: 'https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=1245094042,1192779942&fm=26&gp=0.jpg'}
                  ]
              },
          ],
      }
   },
    created () {
    },
    methods: {

    }
}
</script>

<style lang="less" scoped>
  @import "../../../style/style.less";
  .my-order {
    padding: 30px 0;
    .left-box {
      width: 180px;
      border: 1px solid @border-color;
      background-color: #fafafa;
      float: left;
      margin-right: 20px;
    }
    .center-box {
      float: left;
      width: 700px;
      margin-right: 20px;
      background-color: #fff;
      min-height: 100px;
    }
    .right-box {
      float: left;
      width: 260px;
    }
  }
</style>
